<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="kaiji">
    <meta name="keyword" content="博客, 文章, 文章列表， 列表">
    <title>文章列表</title>
	<#include "web/common.ftl" />
</head>
<style type="text/css">
	.article-list {
		margin-top: 5px;
		border-top: 1px solid #c7c150;
	}
</style>
<body>

<!-- 头部信息 -->
<section>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">
                    <#--<img src="${ctx}/logon.png" title="LOGO" alt="LOGO" style="width: 20xp; height: 20px;">-->
                    能-博客
                </a>
            </div>
            <div class="collapse navbar-collapse navbar-right">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">退出</a> </li>
                </ul>
                <form class="navbar-form navbar-right">
                    <div class="input-group" style="width: 280px;">
                        <input class="form-control" type="text" required placeholder="Search">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">search</button>
                        </span>
                    </div>
                </form>

                <ul class="nav navbar-nav" role="navigation">
                    <li class="active"><a href="#">技术</a> </li>
                    <li><a href="#">散记</a> </li>
                    <li><a href="#">游戏</a> </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true"
                           aria-expanded="false">果然 当真<span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">aaaa</a></li>
                            <li><a href="#">bbbb</a></li>
                            <li><a href="#">cccc</a></li>
                            <li><a href="#">dddd</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</section>
<!-- 头部信息结束-->

<!-- 中部信息 -->
<section class="container">

    <!-- 左边 -->
    <div class="col-xs-9" style="background-color: #FFF; border-right: 15px solid #f1f2f7">
        <!-- 位置 -->
        <ol class="breadcrumb" style="margin-bottom: 0px;">
            <li><a href="#">首页</a> </li>
            <li class="active">文章列表</li>
        </ol>
        <div class="media">
			<div class="media-left media-middle">
		    	<a href="#">
		      		<img class="media-object" style="width:150px;" src="${ctx}/images/404_icon.png"" alt="图片">
		    	</a>
		  	</div>
		  	<div class="media-body">
		    	<h4 class="media-heading">这是一个标题</h4>
		    	<p>本文记录分享了ceph分布式文件系统的详尽部署过程，既是为了方便自己后续回溯，
	                也希望能给初次接触ceph的同学提供些许参考。</p>
	                
	            <div style="color: #c6c6c6;">
	            					
	            	<span style="padding-right: 15px;"><span class="glyphicon glyphicon-time"></span> 2018-09-01</span>
	            	<span style="padding-right: 15px;"><span class="glyphicon glyphicon-thumbs-up"></span> 点赞数(200)</span>
	            	<span style="padding-right: 15px;"><span class="glyphicon glyphicon-eye-open"></span> 查看数(2000)</span>
	            </div>
		  	</div>
		</div>
		<hr>
        <div class="media">
			<div class="media-left media-middle">
		    	<a href="#">
		      		<img class="media-object" style="width:150px;" src="${ctx}/images/404_icon.png"" alt="图片">
		    	</a>
		  	</div>
		  	<div class="media-body">
		    	<h4 class="media-heading">这是一个标题</h4>
		    	<p>本文记录分享了ceph分布式文件系统的详尽部署过程，既是为了方便自己后续回溯，
	                也希望能给初次接触ceph的同学提供些许参考。本文记录分享了ceph分布式文件系统的详尽部署过程，既是为了方便自己后续回溯，
	                也希望能给初次接触ceph的同学提供些许参考。本文记录分享了ceph分布式文件系统的详尽部署过程，既是为了方便自己后续回溯，
	                也希望能给初次接触ceph的同学提供些许参考。本文记录分享了ceph分布式文件系统的详尽部署过程，既是为了方便自己后续回溯，
	                也希望能给初次接触ceph的同学提供些许参考。本文记录分享了ceph分布式文件系统的详尽部署过程，既是为了方便自己后续回溯，
	                也希望能给初次接触ceph的同学提供些许参考。本文记录分享了ceph分布式文件系统的详尽部署过程，既是为了方便自己后续回溯，
	                也希望能给初次接触ceph的同学提供些许参考。本文记录分享了ceph分布式文件系统的详尽部署过程，既是为了方便自己后续回溯，
	                也希望能给初次接触ceph的同学提供些许参考。</p>
		  	</div>
		</div>
        
    </div>

    <!-- 右边 -->
    <div class="col-xs-3" style="background-color: #FFF">
        <h5>右边侧栏</h5>
    </div>
</section>
<#include "web/common_js.ftl" />
</body>
</html>